<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>mapbox</title>
    <script src="__PUBLIC__/components/jquery.1.11.min.js"></script>

    <script src='__PUBLIC__/components/mapbox/mapbox.js'></script>
    <link href='__PUBLIC__/components/mapbox/mapbox.css' rel='stylesheet' />
</head>
<style>
    body { margin:0; padding:0; }
    #map { position:absolute; top:0; bottom:0; width:100%; }
</style>
</head>
<body>
    <div id='map'></div>
</body>
<script>
    $(document).ready(function(){
        init();
    });

    function init(){
        L.mapbox.accessToken = 'pk.eyJ1IjoiMDYwNGh4IiwiYSI6IlRCSHdURjQifQ.zQtLSY5fLRkh4dbJ8AGrUw';
//        var map = L.mapbox.map('map', 'examples.map-i86nkdio')
//                .setView([21, 108], 7);
        var map = L.mapbox.map('map');
        var layer = L.mapbox.tileLayer('examples.map-i86nkdio');
//        var layer =  L.mapbox.gridLayer('examples.map-20v6611k');
        map.addLayer(layer);
        map.setView([21, 108], 7);
    }
</script>
</html>